<template>
  <nav-bar :title="detail.title"></nav-bar>
  <div class="content">
    <img :src="detail.pic" alt="" class="pic" />
    <p class="slogo">{{ detail.slogo }}</p>
  </div>
</template>

<script setup>
import NavBar from "./components/NavBar.vue";
import { useDetailHooks } from "./Hooks/useDetailHooks";
const { detail } = useDetailHooks();
window.scrollTo(0,0)

</script>

<style lang="scss" scoped>
.content {
  height: 2000px;
  text-align: center;
  .pic {
    margin-top: 50px;
  }
  .slogo {
    margin-top: 10px;
  }
}
</style>
